// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
// 所有文件都需要在这里进行打包  集中在一个文件中
import App from './App'
// 引入路由文件夹 里面有index.js
import router from './router'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import '@/styles/index.scss'

Vue.use(ElementUI)

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app', // App.vue里面的坑
  router, // index.JS路由
  components: { App }, // 这里APP指向App.vue组件  为名字
  template: '<App/>' // 指向template
})

// 全局添加导航守卫（判断是否登陆 登陆了继续访问其他页面 没登陆的话先登陆）
// to表示到哪去  from表示从哪里来 next（‘/’）表示下一站到哪里  next（）表示继续下一站
router.beforeEach((to, from, next) => {
  // 拿到token
  let token = localStorage.getItem('mytoken')
  // 判断token是否已经 如果已经登录，那我不干涉你，让你随便访问
  if (token) {
    next() // 登陆了继续下一站
  } else {
    // 可以用path和name进行判断  这边用path判断
    if (to.path !== '/login') {
      // 如果没有登录，想访问其它页面，要先登陆才能访问其它的页面
      next({path: '/login'})
    } else {
      // 如果没有登录，但你访问的login，那就不干涉你，让你访问
      // 如果登陆了继续访问其它页面
      next()
    }
  }
})
